<!doctype html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link rel="stylesheet" type="text/css" href="../../css/mui.min.css" />
		<style type="text/css">
			.mui-bar-nav {
				-webkit-box-shadow: none;
				box-shadow: none;
				background: #fff;
				border-bottom: 1px solid #c2c2c2;
			}
			
			.mui-bar-nav.mui-bar .mui-icon {
				color: #34D498;
			}
		</style>
	</head>

	<body>
		<header class="mui-bar mui-bar-nav">
			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
			<h1 class="mui-title">一起阅读</h1>
		</header>
		<script src="../../js/mui.min.js"></script>
		<script type="text/javascript">
			mui.plusReady(function() {
				ws = plus.webview.currentWebview();
				console.log(ws.url)
				plus.nativeUI.showWaiting('', {
					style: 'black',
					modal: false,
					background: 'rgba(0,0,0,0)'
				});
				embed = plus.webview.create(ws.url, "embed", {
					top: "44px",
					bottom: "0px"
				});
				ws.append(embed);

				embed.addEventListener('loaded', function() {
					plus.nativeUI.closeWaiting();
				}, false);
				embed.addEventListener('loading', function() {
					plus.nativeUI.showWaiting('', {
						style: 'black',
						modal: false,
						background: 'rgba(0,0,0,0)'
					});
				}, false);
			});
		</script>
	</body>

</html>